﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProspectPicture.aspx.cs" Inherits="HousePropertyClient.Prospect.ProspectPicture" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>现场照片上传</title>
<link href="../../Easy-ui/yemina/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../Easy-ui/yemina/js/jquery.js"></script>
<script language="javascript">
$(function(){	
	//导航切换
	$(".imglist li").click(function(){
		$(".imglist li.selected").removeClass("selected")
		$(this).addClass("selected");
	})	
})	
</script>
</head>


<body>

	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="#">首页</a></li>
    <li><a href="#"> >> </a></li>
    <li><a href="#">现场照片上传</a></li>
    </ul>
    </div>
    
<div class="rightinfo">
    
    <div class="tools">
    
    	<ul class="toolbar">
            <li>
                <label>有红色提示的图片是必填项</label>
            </li>
        </ul>

    </div>
    
    
    <ul class="imglist">  
        <li class="selected">
            <span><img src="images/img01.png" /></span>
            <h2><label style="color:red">*</label><a href="#">外部环境</a></h2>
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
    
        <li>
            <span><img src="images/img02.png" /></span>
            <h2><label style="color:red">*</label><a href="#">小区入口</a></h2>
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
    
        <li>
            <span><img src="images/img03.png" /></span>
            <h2><label style="color:red">*</label><a href="#">小区内部环境</a></h2>
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
    
        <li>
            <span><img src="images/img04.png" /></span>
            <h2><label style="color:red">*</label><a href="#">建筑外观</a></h2>
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
    
        <li>
            <span><img src="images/img05.png" /></span>
            <h2><label style="color:red">*</label><a href="#">建筑楼牌</a></h2>
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
    
        <li>
            <span><img src="images/img06.png" /></span>
            <h2><label style="color:red">*</label><a href="#">单元门</a></h2>
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
    
        <li>
            <span><img src="images/img07.png" /></span>
            <h2><label style="color:red">*</label><a href="#">入户门</a></h2>
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
    
        <li>
            <span><img src="images/img08.png" /></span>
            <h2><label style="color:red">*</label><a href="#">居室</a></h2>
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
    
        <li>
            <span><img src="images/img09.png" /></span>
            <h2><label style="color:red">*</label><a href="#">客厅</a></h2>
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
    
        <li>
            <span><img src="images/img10.png" /></span>
            <h2><label style="color:red">*</label><a href="#">厨房</a></h2>
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>

        <li>
            <span><img src="images/img10.png" /></span>
            <h2><label style="color:red">*</label><a href="#">卫生间</a></h2>
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
        <li>
            <span><img src="images/img10.png" /></span>
            <h2><label style="color:red">*</label><a href="#">阳台</a></h2>
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
    </ul>

</div>
<div class="rightinfo"> 
    <div class="tools">   
    	<ul class="toolbar">
            <li>
                <label>其他照片</label>
            </li>
        </ul>
    </div>     
    <ul class="imglist">  
        <li class="selected">
            <span><img src="images/img01.png" /></span>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
             <input type="text" placeholder="请输入图片名字" />
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
    
        <li>
            <span><img src="images/img02.png" /></span>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="text" placeholder="请输入图片名字" />
            <p><a href="#">上传</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">删除</a></p>
        </li>
    </ul>
</div>
</body>
</html>
